<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>登录界面</title>

    <div th:insert="commen/head :: header">
    </div>
    <style>
        body{
            background: rgba(242,244,247,1.00)
        }
        .emptybox{
            height: 150px;
        }
        .bg{
            width: 600px;
            height: 380px;
            background: white;
            margin: 30px auto;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
        }
    </style>
</head>
<body>
<div class="emptybox"></div>
<div class="bg"><br>
    <div class="text-center">
        <span style="font-size: 32px;font-weight: bold;" align="center" class="text-primary">用 户 注 册</span><br>
        <form class="form-horizontal" th:action="@{/register}" method="post">
            <label style="color: red; height: 20px;" th:text="${msg}"></label>
            <div class="form-group">
                <label for="inputEmail3" style="padding-right: 30px; margin-top: 2px; font-size: 18px" class="col-sm-4 control-label">用户名 :</label>
                <div class="col-sm-6">
                    <input style="border-radius: 5px; height: 45px; font-size: 18px" name="userName" type="text" class="form-control" id="inputEmail3" placeholder="请输入你的账号">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3"  style="padding-right: 30px; margin-top: 2px; font-size: 18px" class="col-sm-4 control-label">密 码 :</label>
                <div class="col-sm-6">
                    <input style="border-radius: 5px; height: 45px; font-size: 18px" name="passWord" type="password" class="form-control" id="inputPassword3" placeholder="请输入你的密码">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword1"  style="padding-right: 30px; margin-top: 2px; font-size: 18px" class="col-sm-4 control-label">确认密码 :</label>
                <div class="col-sm-6">
                    <input style="border-radius: 5px; height: 45px; font-size: 18px" name="qPassword" type="password" class="form-control" id="inputPassword1" placeholder="请输入你的密码">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-8">
                    <button type="submit" style="width: 180px; margin-top: 10px;" class="btn btn-primary btn-lg">注册</button>
                </div>
            </div>
            <a th:href="@{/}">已有账号？去登录</a>
        </form>
    </div>
</div>
</body>
</html>